<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>箭头函数</title>
</head>
<body>
    <script>
        //TODO: 箭头函数表达式是传统函数表达式的一种替代方式，但受到限制，不能在所有情况下使用。因为它们有词法作用域(父作用域)，并且没有自己的this和argument，因此它们引用定义它们的环境。

        const person = {
            name: 'Kapil',
            sayName() {
                return this.name;
            }
        }

        console.log('%c   person.sayName(): ','color: MidnightBlue; background: Aquamarine; font-size: 20px;', person.sayName());
        // 输出
        // "Kapil"

        const person1 = {
            name: 'Kapil',
            sayName : () => {
                return this.name;
            }
        }
        console.log('%c   person.sayName(): ','color: MidnightBlue; background: Aquamarine; font-size: 20px;', person1.sayName());

        // person.sayName();
        // Output
        // "

    </script>
</body>
</html>